<div class="container w-25">
    <div class="form">
        <form class="form-horizontal " id="login_form" action='{% url "user:login" %}' method='post'>
            {% csrf_token %}
            <h4 class="form-title ps-3">Login to your account</h4>
            <div class="col-sm-9 col-md-9">
                <div class="form-group">
                    <i class="fa fa-user fa-lg"></i>
                    <input class="form-control required" type="text" placeholder="Username" name="username" autofocus="autofocus" maxlength="20"/>
                </div>
                <div class="form-group">
                    <i class="fa fa-lock fa-lg"></i>
                    <input class="form-control required" type="password" placeholder="Password" name="password" maxlength="28"/>
                </div>
                <div class="form-group d-flex justify-content-between">
                    <input type="submit" class="me-4 btn btn-success " value="Login "/>
                    <button type="button" onclick="location.href = '{% url "user:register" %}';" class="btn btn-info">Register</button>
                </div>
            </div>
        </form>
    </div>

</div>
